<template>
    <div>
        <header>
            <slot name="header" :test2="greetingMessage2"></slot>
        </header>
        <main>
            <slot :text="greetingMessage"></slot>
        </main>
        <footer>
            <slot name="footer"></slot>
        </footer>
    </div>
</template>

<script setup>
import { ref } from 'vue';


const greetingMessage = ref('Hello')
const greetingMessage2 = ref('NoHello')

</script>